<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="wrapper">
        <img src="./img/20062408-f3e76e5a860f3ff2.webp" width="1350">
    </div>
    <div class="container">
        <!--左眼开始-->
        <div class="eyesBoxs pullLeft">
            <!--轮廓开始-->
            <div class="profile skewLeft"></div>
            <div class="shadow skewLeft"></div>
            <!--轮廓结束-->
            <div class="basic ani-narrow"></div>
            <!--写轮眼开始-->
            <div class="eyes ani-zoom">
                <div class="line">
                    <!--三勾玉-->
                    <div class="hook ani-rotateHook">
                        <span class="bar">
                            <b></b>
                        </span>
                        <span class="bar">
                            <b></b>
                        </span>
                        <span class="bar">
                            <b></b>
                        </span>
                    </div>
                    <!--三勾玉end-->
                    <!--万花筒-->
                    <div class="tube ani-rotateTube">
                        <span class="bar"></span>
                        <span class="bar"></span>
                        <span class="bar"></span>
                    </div>
                    <!--万花筒end-->
                </div>
            </div>
            <!--写轮眼结束-->
            <!--轮回眼开始-->
            <div class="trans skewLeft">
                <span class="bar ani-shadow"></span>
            </div>
            <!--轮回眼end-->
        </div>
        <!--左眼结束-->
    
        <!--右眼开始-->
        <div class="eyesBoxs pullRight">
            <!--轮廓开始-->
            <div class="profile skewRight"></div>
            <div class="shadow skewRight"></div>
            <!--轮廓结束-->
            <div class="basic ani-narrow"></div>
            <!--写轮眼开始-->
            <div class="eyes ani-zoom">
                <div class="line">
                    <!--三勾玉-->
                    <div class="hook ani-rotateHook">
                        <span class="bar">
                            <b></b>
                        </span>
                        <span class="bar">
                            <b></b>
                        </span>
                        <span class="bar">
                            <b></b>
                        </span>
                    </div>
                    <!--三勾玉end-->
                    <!--万花筒-->
                    <div class="tube ani-rotateTube">
                        <span class="bar"></span>
                        <span class="bar"></span>
                        <span class="bar"></span>
                    </div>
                    <!--万花筒end-->
                </div>
            </div>
            <!--写轮眼结束-->
            <!--轮回眼开始-->
            <div class="trans skewRight">
                <span class="bar ani-shadow"></span>
            </div>
            <!--轮回眼end-->
        </div>
        <!--右眼结束-->
    </div>
    
</body>
</html>